<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<link rel="stylesheet" href="./css/style.css" />
		<link rel="stylesheet" href="./css/list.css" />
		<link rel="stylesheet" href="./css/commonjs.css" />
		<script src="./js/jquery-1.7.2.min.js"></script>
		<script src="./js/common.js"></script>
		<title>列表页</title>
	</head>

	<body>
		<!-- 头部开始  -->
		<div id="header">
			<!-- 头部广告位置 -->
			<div class="adWrap">
				<div class="headAd">
					<a href="">
						<img src="Img/head_top_ad.jpg" alt="头部广告位" />
					</a>
				</div>
				<!-- 头部广告位置结束 -->
			</div>
			<!--头部登陆信息开始-->
			<div class="toptopare">
				<div class="arewarp">
					<!--左边欢迎登陆文字开始-->
						<div class="welcome">
							您好,欢迎光临凡客诚品！
							<span class="loginreg">
								<a href="">登陆</a>
								｜ 
								<a href="">注册</a>
							</span>
						</div>
					<!--左边欢迎登陆文字结束-->
					<!--订单收藏-->
						<div class="orderads">
							<a href="">我的订单</a>
								 
							<a href="">收藏本站</a>
						</div>
					<!--订单收藏结束-->
					<!-- 右边下拉列表-->
					<div class="droplist">
						<div href="" id="myVancl" class="mylist">
							<a href="">我的凡客 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">网站导航 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">帮助中心 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">购物指南</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">售后服务</a></li>
								<li><a href="">投诉建议</a></li>
								<li><a href="">在线客户</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">网站公告 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
					</div>
					<!--右边下拉列表结束-->
				</div>
			</div>
			<!--头部登陆信息结束-->
			<!--logo和搜索条-->
			<div class="logoArea">
				<!--logo-->
				<a href="" class="logo"></a>
				<!--logo结束-->
				<!--搜索区开始-->
				<div class="serachArea">
					<div class="searchTopAre">
					<!--搜索框-->
					<div class="searchInput">
						<form action="">
							<input type="text" id="inputBox"/>
							<input type="submit" id="searchBtn" value="搜索" />
						</form>
					</div>
					<!--购物车-->
					<div class="shopCart">
						购物车(<span class="carNum">0</span>)
						<div class="showCartList">
							<!--目前没有商品-->
							<p class="cartTitle">最近加入购物车</p>
							<ul>
								<li>
									<div class="carLeft">
										<!--商品图片-->
										<a href="">
											<img src="./img/6069847-1j201505120932360658.jpg" alt="" />
										</a>
										<!--商品连接-->
										<div class="proLink">
											<a href="">凡客衬衫 青年布 男款 蓝色</a><br />
											<!--商品价格和数量-->
											<p>￥<span class="price">149.00</span> × <span class="nums"> 1 </span></p>
										</div>
									</div>
									<!--购物车删除按钮-->
									<a href="" id="cartDel">删除</a>
								</li>
								
							</ul>
							<!--购物车底部-->
							<div class="cartBottom">
								<div class="left">
									共计
									<p>￥123.00元</p>
								</div>
								<!--右边进入详细购物车页-->
								<div class="right">
									<a href="">查看购物车</a>
								</div>
							</div>
						</div>
					</div>
					<!--购物车结束-->
					</div>
					<!--热门搜索-->
					<div class="hotKeyword">
						<span>热门搜索:</span>
						<a href="">吉武国</a>
						<a href="">T恤</a>
						<a href="">卡其裤</a>
						<a href="">长场雄</a>
						<a href="">POLO</a>
						<a href="">麻牛仔</a>
						<a href="">皮肤衣</a>
						<a href="">牛津纺</a>
					</div>
					<!--热门搜索结束-->
					
					<!--搜索框结束-->
				</div>
				<!--搜索区结束-->
			</div>
			<!--logo和搜索条结束-->
			<!--导航区-->
			<div id="navbar" style="position:relative;">
				<div class="navFirst">
					全部商品分类
					<!--下拉菜单 -->
					<div class="dropLists" style="text-align: left;">
						<dl>
							<span>男装</span>
							<dd>
								<p>
									<a href="">T恤</a>/<a href="">POLO衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">T恤</a>
									<a href="">POLO衫</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">衬衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">80免烫</a>
									<a href="">麻衬衫</a>
									<a href="">靛蓝系列</a>
									<a href="">牛津纺</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">外套</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 冲锋衣</a>
									<a href="">麻棉西服</a>
									<a href="">皮肤衣</a>
									<a href="">羊毛西服</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">裤装</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 牛仔裤</a>
									<a href="">卡其裤</a>
									<a href="">运动裤</a>
								</p>
							</dd>
						</dl>
    
						<dl>
							<span>女装</span>
							<dd>
								<p>
									<a href="">T恤</a>/<a href="">POLO衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">T恤</a>
									<a href="">POLO衫</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">裤装</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 牛仔裤</a>
									<a href="">卡其裤</a>
									<a href="">运动裤</a>
								</p>
							</dd>
						</dl>
					</div>
					<!--下拉菜单 -->
					<span class="downArrowTop"></span>
				</div>
				<div class="navList">
					<ul>
						<li><a href="">T恤</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">衬衫</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">麻</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">POLO</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">牛仔</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">卡其裤</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">户外</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="http://www.houdunwang.com">后盾</a></li>
					</ul>
				</div>
			</div>
			<!--导航区结束-->
		</div>
		<!-- 头部结束  -->
		<!-- 列表页开始 -->
		<div id="content">
			<!--//面包屑导航-->
			<div class="breadBist">
				<div class="left">
					<span>当前位置：</span>
					<a href="">所有分类</a>
				</div>
				<div class="right">
					<span>找到相关商品<span class="pcount">1071</span>款
					</span>
				</div>
			</div>
			<!--尺码选择-->
			<div class="selectSize">
				<!--尺码选择区-->
				<div class="typearea">
					<!--分类名-->
					<div class="category">
						<div class="categoryLeft">
							<a href="">服装</a>
						</div>
						<div class="categoryRight">
							<ul>
								<li><a href="">VT</a><span>(454)</span>
								</li>
								<li><a href="">女装</a><span>(447)</span>
								</li>
								<li><a href="">男装</a><span>(551)</span>
								</li>
								<li><a href="">袜品</a><span>(121)</span>
								</li>
								<li><a href="">户外运动</a> <span>(123)</span>
								</li>
								<li><a href="">童装</a><span>(23)</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="category">
						<div class="categoryLeft">
							<a href="">鞋包</a>
						</div>
						<div class="categoryRight">
							<ul>
								<li><a href="">鞋</a><span>(123)</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="category">
						<div class="categoryLeft">
							<a href="">百货</a>
						</div>
						<div class="categoryRight">
							<ul>
								<li><a href="">家居生活</a><span>(8)</span>
								</li>
								<li><a href="">化妆品</a><span>(4)</span>
								</li>
								<li><a href="">成人用品</a><span>(2)</span>
								</li>
							</ul>
						</div>
					</div>
					<!--分类名结束-->
				</div>
				<!--尺码选择区结束-->
			</div>
			<!--尺码选择结束-->
			<!--列表头部-->
			<div class="productTitle">
				<div class="wrapTitle">
						<div class="title">
							<a href="">全部商品</a>
						</div>
						<!--小分页-->
						<div class="titlePage">
							<div class="pageNum">1/9</div>
							<div class="pageBtn">
								<a href="" class="prev"></a>
								<a href="" class="next"></a>
							</div>
						</div>
				</div>
				<!--小分页结束-->
				<!--筛选按钮-->
				<div class="selectArea">
					<!--筛选按钮-->
					<div class="selectBtn">
						<ul>
							<li>
								<a href="">
									默认
									<span class="upArrow"></span>
								</a></li>
							<li><a href="">
									销量
									<span class="upArrow"></span>
								</a></li></li>
							<li><a href="">
									好评
									<span class="upArrow"></span>
								</a></li></li>
							<li><a href="">
									最新
									<span class="downArrow"></span>
								</a></li></li>
							<li><a href="">
									价格
									<span class="upArrow"></span>
								</a></li></li>
						</div>
						<!--价格输入框-->
						<div class="priceInput">
							<input type="text" name="goPrice" class="goPrice price" />—<input type="text" name="toPrice" class="toPrice price" />
						</div>
						<!--价格输入框结束-->
						<!--合并同款-->
						<div class="meger">
							<a href="">
								合并同款
							</a>
						</div>
						<!--合并同款结束-->
						
					</div>
					<!--筛选按钮结束-->
					
					</div>
				<!--筛选按钮结束-->
				<!--商品列表-->
				<div class="proList">
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product nomagin">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					<div class="product nomagin">
						<!--图片展示-->
						<div class="proImg">
							<a href="" class="imgLink">
								<span class="newTag"></span>
								<img src="Img/6363087-1j201506040959498020.jpg" alt="" width="228" height="228" />
							</a>
						</div>
						<!--图片展示-->
						<!--小图标按钮-->
						<div class="imgList">
							<ul>
								<li class="active"><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
								<li><img src="Img/28424.jpg" alt="" width="22" height="22" /></li>
							</ul>
						</div>
						<!--小图标按钮结束-->
						<!--商品标题-->
						<h3 class="proTitle">
							<a href="">凡客T恤 福田 透 9 男款 浅花灰色</a>
						</h3>
						<!--商品标题结束-->
						<!--商品价格-->
						<div class="proPrice">
							<span>售价:19</span>
						</div>
						<!--商品价格结束-->
					</div>
					
				</div>
				<!--商品列表-->
				<!--分页开始-->
				<div class="pager">
					<a href="" class="pagePrev">上一页<span class="leftArrow"></span></a>
					<ul>
						<li><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
						<li><a href="">4</a></li>
						<li><a href="">5</a></li>
					</ul>
					<a href="" class="pageNext">下一页<span class="rightArrow"></span></a>
					<div class="coutPage">共5页</div>
					<div class="gotoPage">
						到第
						<input type="text" class="pageNum" />
						页
					</div>
					<div class="gotoBtn">
						<input type="button" class="goto" />
					</div>
				</div>
				<!--分页结束-->
			</div>
			<!--列表头部结束-->
			
		</div>
		<!-- 列表页结束-->

		<!-- 页脚开始 -->
		<div class="clearfix"></div>
		<div id="foot">
			<div class="footerList">
				<div class="center">
					<dl>
						<dt><a href="">关于凡客</a></dt>
						<dd><a href="">公司简介</a>
						</dd>
						<dd><a href="">联系我们</a>
						</dd>
						<dd><a href="">友情链接</a>
						</dd>

					</dl>
					<dl>
						<dt><a href="">新手指南</a></dt>
						<dd><a href="">账户注册</a>
						</dd>
						<dd><a href="">购物流程</a>
						</dd>
						<dd><a href="">网站地图</a>
						</dd>
						<dd><a href="">商家入驻</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="">配送范围及时间</a></dt>
						<dd><a href="">国内配送</a>
						</dd>
						<dd><a href="">订单拆分</a>
						</dd>

					</dl>
					<dl>
						<dt><a href="">支付方式</a></dt>
						<dd><a href="">货到付款</a>
						</dd>
						<dd><a href="">在线支付</a>
						</dd>
						<dd><a href="">礼品卡及账户余额</a>
						</dd>
						<dd><a href="">其他支付方式</a>
						</dd>

					</dl>
					<dl>
						<dt><a href="">售后服务</a></dt>
						<dd><a href="">退换货政策</a>
						</dd>
						<dd><a href="">退换货办理流程</a>
						</dd>
						<dd><a href="">退换货网上办理</a>
						</dd>
						<dd><a href="">退款说明</a>
						</dd>
						<dd><a href="">调查问卷</a>
						</dd>

					</dl>
					<dl style="border:none;">
						<dt><a href="">帮助中心</a></dt>
						<dd><a href="">在线客服</a>
						</dd>
						<dd><a href="">找回密码</a>
						</dd>
						<dd><a href="">隐私声明</a>
						</dd>

					</dl>
				</div>
			</div>
			<!--条款图片-->
			<div class="footerListImg">
				<div class="wrapImg">
					<a href="" class="img1"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img2"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img3"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img4"></a>
				</div>

			</div>
			<!--条款图片结束-->
			<!--版权信息和工商-->
			<div class="footerBotoom">
				<hr />
				<div class="copy">
					Copyright 2007 - 2014 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
				</div>
				<div class="gsImg">
					<div class="wrapFootImg">
						<a href="" class="gsImg1"></a>
						<a href="" class="gsImg2"></a>
						<a href="" class="gsImg3"></a>
						<a href="" class="gsImg4"></a>
						<a href="" class="gsImg5"></a>
					</div>
				</div>

			</div>
			<!--版权信息和工商-->

		</div>
		<!-- 页脚结束 -->

	</body>

</html>